@charset "utf-8";

body,
button,
dd,
div,
dl,
dt,
h1,
h2,
h3,
h4,
iframe,
input,
li,
ol,
select,
table,
td,
textarea,
th,
ul {
    margin    : 0;
    padding   : 0;
    font-style: normal;
    box-sizing: border-box
}

body::-webkit-scrollbar {
    width : 4px;
    height: 4px
}

li,
ol,
ul {
    list-style: none
}

img {
    border        : 0;
    vertical-align: middle
}

body {
    //font-family     : "Microsoft YaHei";
    font-size       : 14px !important;
    font-style      : normal;
    color           : #333;
    background-color: #fff;
    //padding-right:0 !important;
    overflow        : hidden;
}

.clear:after {
    content: "";
    display: block;
    clear  : both
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

button,
input {
    outline: 0
}

a {
    color          : #959595;
    text-decoration: none
}

a:hover {
    color: #333
}

.noBorder {
    border: none !important
}

::-webkit-scrollbar {  /* 滚动条整体样式 */
    width           : 10px;
    height          : 10px;
    background-color: #fff
    //background-color: transparent;
}

::-webkit-scrollbar-thumb {   /* 滚动条里面小方块 */
    border-radius   : 4px;
    background-color: #d0d0d0b0;
    //background-color: #fff;
    //background-color: transparent;
}

/* ::-webkit-scrollbar-thumb:hover {
    background-color: #bdbdbd;
    //background-color: #d0d0d0b0;
} */

::-webkit-scrollbar-track {  /* 滚动条里面轨道 */
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow:#fff;
    border-radius     : 4px;
    background-color: #fff;
    //background-color  : transparent
}

.el-loading-mask {
    z-index: 9999 !important
}

.el-form-item__content .el-input-group {
    vertical-align: middle
}

.el-input.is-disabled .el-input__inner,
.el-range-editor.is-disabled input,
.el-textarea.is-disabled .el-textarea__inner {
    color           : #545454;
    background-color: #fafafa
}

.el-image-viewer__close {
    color: #fff
}

.el-table {
    width: 99.99% !important
}

.el-select .el-select__tags {
    max-height: calc(100% - 2px);
    overflow-y: auto
}

.el-select .el-input__inner {
    max-height: 56px
}

.richAreaText ol,
.richAreaText ul {
    display             : block;
    margin-block-start  : 1em;
    margin-block-end    : 1em;
    margin-inline-start : 0;
    margin-inline-end   : 5px;
    padding-inline-start: 15px
}
.richAreaText ol li {
    list-style-type    : decimal !important;
    list-style-position: outside
}
.richAreaText ul li {
    list-style-type    : disc !important;
    list-style-position: outside
}
/deep/.el-tooltip__popper {
    max-width: 400px
}
/* input输入框样式重写 */
.el-range-editor--mini.el-input__inner,
.el-input--mini .el-input__inner {
    height: 32px;
    line-height: 32px;
}
.el-button,
.el-input__inner {
    border:1px solid @kr-text-light-color;
    border-radius: @kr-border-radius;
    // font-size    : @kr-base-fontsize;
}
.el-input__inner:hover,.el-textarea__inner:hover{
    border:1px solid @kr-input-border-hover-color;
}
.el-input__inner:focus,.el-textarea__inner:focus{
    border:1px solid @kr-elementUI-color;
}
.el-input.is-disabled .el-input__inner, 
.el-textarea.is-disabled .el-textarea__inner {
    border:1px solid @kr-text-light-color;
    color: @kr-text-color;
    background-color:@kr-input-btn-disabled-bgcolor;
}
.el-range-editor.is-disabled input{
    border:1px solid @kr-input-btn-disabled-bgcolor;
    background-color:@kr-input-btn-disabled-bgcolor;
}
.el-input__icon{
    line-height: 35px;
}
.el-form-item.is-error .el-input__inner, 
.el-form-item.is-error .el-input__inner:focus, 
.el-form-item.is-error .el-textarea__inner, 
.el-form-item.is-error .el-textarea__inner:focus, 
.el-message-box__input input.invalid, 
.el-message-box__input input.invalid:focus{
    border-color:@kr-red-warn-color;
}
/* 表单验证输入为空提示字体颜色 */
.el-form-item__error,
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
    color:@kr-red-warn-color;
}
/* el-table自定义样式 */
.el-table .el-table__row:last-child td {
    border-bottom: 1px solid #f5f5f5 !important
}


/* 自定义elementUI样式 */
/* radio样式 */
.el-radio__input.is-checked .el-radio__inner {
    border-color: @kr-elementUI-color;
    background:@kr-white-color;
}
.el-radio__input.is-checked .el-radio__inner::after{
    background-color: @kr-elementUI-color;
    width: 6px;
    height: 6px;
}
.el-radio__input.is-checked+.el-radio__label {
    color: @kr-font-primary-color;
    font-weight: 400;
}
.el-radio__inner:hover{
    border-color:@kr-elementUI-color;
}
/* button样式自定义 */
/* 取消按钮样式 */
/* 按钮高度自定义 */
//1、登录按钮高度
.maximumBtnHeight{
    height:40px!important;
}
//2、弹窗底部按钮高度
.bottomBtnItem{
    background-color:@kr-table-head-color;
    //height:32px!important;
}
.bottomBtnItem:hover,.dialog-footer__btn:hover{
    //color: @kr-text-color;
    color: @kr-elementUI-color;
    border-color: @kr-elementUI-color;
    background-color:@kr-table-head-color;
}
.bottomBtnItem:focus,.dialog-footer__btn:focus{
    color: @kr-text-color;
    border-color:  @kr-elementUI-color;
    background-color:@kr-table-head-color;
}
/* switch开关样式 */
.el-switch.is-checked .el-switch__core{
    border-color: @kr-elementUI-color!important;
    background-color: @kr-elementUI-color!important;
}
/* checkbox样式 */
.el-checkbox__input.is-checked+.el-checkbox__label{
    color:@kr-elementUI-color;
}
.el-checkbox__inner:hover,.el-checkbox__input.is-focus .el-checkbox__inner{
    border-color: @kr-elementUI-color;
}
.el-checkbox__input.is-checked .el-checkbox__inner, 
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: @kr-elementUI-color;
    border-color: @kr-elementUI-color;
}
/* primary类的按钮 */
.el-button--primary{
    font-size: 14px;
    padding: 7px 12px;
    height: 32px;
    color:@kr-white-color;
    background-color:@kr-selected-color;
    border-color:@kr-selected-color;
}
.el-button--primary:focus {
    color: @kr-white-color;
    background-color:@kr-main-color;
}
.el-button--primary:hover{
    color: @kr-white-color;
    background-color:@kr-hover-blue-color;
}
.el-button--primary.is-disabled, 
.el-button--primary.is-disabled:focus, 
.el-button--primary.is-disabled:hover {
    color: @kr-white-color;
    cursor: not-allowed;
    background-image: none;
    background-color: @kr-forbid-blue-color;
}
/* plain类的按钮 */
/* .el-button,
.el-button--mini, 
.el-button--small, */
.el-button--mini, 
.el-button--small{
    font-size: 14px;
}
//.el-button--small,
.el-button--plain
{
    font-size: 14px;
    padding: 7px 12px;
    height: 32px;
    color:@kr-text-color;
    background-color:@kr-white-color;
    border:1px solid @kr-gray-border-color;
}
.popoverBtn + .el-button {
    margin-left: 10px;
  }
/* 待定 */
.el-button--plain:focus {
    color: @kr-main-color;
    border-color:@kr-main-color;
    background-color:@kr-white-color;
}
.el-button--plain:hover{
    color: @kr-elementUI-color;
    border:1px solid @kr-elementUI-color;
    background-color:@kr-white-color;
}

.el-button--plain.is-disabled, 
.el-button--plain.is-disabled:focus, 
.el-button--plain.is-disabled:hover {
    color: @kr-gray-border-color;
    cursor: not-allowed;
    background-image: none;
    background-color: @kr-input-btn-disabled-bgcolor;
    border-color: @kr-gray-border-color;
}
.el-button--text{
    color: @kr-selected-color;
    border:1px solid transparent;
}
.el-button--text:hover{
    color: @kr-selected-color;
    border:1px solid transparent;
}
/* 表格、图表切换按钮 */
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
    color: @kr-white-color;
    background-color: @kr-elementUI-color;
    border-color: @kr-elementUI-color;
    box-shadow: -1px 0 0 0 @kr-elementUI-color;
}
.el-radio-button__inner:hover{
    color:@kr-elementUI-color;
}
/* 下拉框自定义样式 */
.el-select .el-input__inner {
    border:1px solid @kr-text-light-color;
    border-radius: @kr-border-radius;
    // font-size: @kr-base-fontsize;
}
.el-select .el-input__inner:focus {
    border-color:  @kr-elementUI-color;
}
.el-select .el-input__inner:hover{
    border:1px solid @kr-input-border-hover-color;
}
.el-select .el-input.is-focus .el-input__inner{
    border:1px solid @kr-elementUI-color;
}
.el-select .el-input.is-disabled .el-input__inner, 
.el-textarea.is-disabled .el-textarea__inner {
    border:1px solid @kr-gray-border-color;
    color: @kr-text-color;
    background-color:@kr-input-btn-disabled-bgcolor;
}
.el-select-dropdown__item.selected{
    color:@kr-selected-color;
}
.el-select .el-input__inner:hover{
    border:1px solid @kr-elementUI-color;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
    color:@kr-elementUI-color;
}
.el-select .el-input__inner {
    max-height: 32px !important;
    overflow-y: auto;
  }
  .el-select .el-select__tags{
    max-height: calc(100% - 12px);
    overflow-y: auto;
  }
  .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), 
  .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color:@kr-elementUI-color;
}
/* 日期下拉框自定义样式 */
.el-popper{
    border-radius: @kr-border-radius;
}
.el-picker-panel{
    font-family: Noto Sans SC;
    color: @kr-text-dark-color;
}
.el-picker-panel.el-date-table__row td.prev-month,
.el-picker-panel.el-date-table__row td.next-month {
    color: @kr-text-light-color;
}
.el-date-table td.current:not(.disabled) span {
    color: #FFF;
    background-color:@kr-selected-color;
}
.el-date-table td.today span,
.el-year-table td.today .cell {
    color:@kr-selected-color;
    font-weight: 700;
}
.el-picker-panel__icon-btn
.el-picker-panel__icon-btn:hover{
    color:@kr-selected-color;
}
.el-date-table td.available:hover{
    color:@kr-selected-color;
}
.el-date-picker__header:hover,
.el-date-picker__header-label:hover{
    color:@kr-selected-color;
}
.el-month-table td .cell:hover, 
.el-month-table td.current:not(.disabled) .cell,
.el-year-table td .cell:hover, 
.el-year-table td.current:not(.disabled) .cell {
    color:@kr-selected-color;
}
.el-month-table td.today .cell{
    color:@kr-selected-color;
}
.el-month-table td.end-date .cell, .el-month-table td.start-date .cell{
    background-color:@kr-selected-color;
    &:hover{
        color: #FFF;
    }
}
/* 日期范围选框样式 */
.el-range-editor.is-active, 
.el-range-editor.is-active:hover{
    border-color: @kr-selected-color
}
.el-date-table td.end-date span, 
.el-date-table td.start-date span{
    background-color:@kr-selected-color
}
.el-time-panel__btn.confirm{
    color:@kr-selected-color;
}
.el-button.is-plain:focus, .el-button.is-plain:hover{
    border-color:@kr-selected-color;
    color: @kr-selected-color;
    background: @kr-white-color;
}
.el-picker-panel__icon-btn:hover{
    color:@kr-selected-color;
}
/* 树结构的自定义样式 */
.org-member-tree .tree__box .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
    /* background-color: @kr-white-color;
    color: @kr-selected-color; */
    background-color: transparent;
    color: @kr-selected-color;
    font-weight: 500;
}
.filter__box .inline-input .el-input__inner{
    height: 32px;
    line-height: 32px;
    padding:0 10px;
}
.editTree .filter__box .inline-input{
    width: calc(100% - 20px)!important;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
    /* background:@kr-selected-color ;
    color:@kr-white-color; */
    background-color: transparent;
    color: @kr-selected-color;
}
    /* font-weight: 700;
    background: #E1EFFC;
    color: #0D60B4;
    padding: 0 4px; */
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node>span{
    font-weight: 500;
    /* background: #E1EFFC;
    padding: 0 4px; */
}
.el-tree-node__expand-icon{
    color: @kr-selected-color;
}
.org-member-tree .tree__box .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content
.custom-tree-node>span{
    //background: #E1EFFC;
    //color: @kr-selected-color;
    //padding: 0 4px;
}
.org-member-tree .tree__box .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content
span.el-tree-node__label{
    //background: #E1EFFC;
    //color: @kr-selected-color;
    //padding: 0 4px;
}
/* tab切换按钮颜色调整 */
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{
    color: @kr-selected-color;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
    color: @kr-selected-color;
}
.el-tabs__item.is-active{
    color: @kr-selected-color;
}
.el-tabs__item:hover {
    color: @kr-selected-color;
    cursor: pointer;
}
/* table分页样式自定义 */
.el-pagination .el-select .el-input:hover{
    border: 1px solid @kr-selected-color;
    border-radius: @kr-border-radius;
}
.el-pager li:hover{
    color: @kr-selected-color;
}
.el-pager li.active{
    color: @kr-selected-color;
}
.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover{
    color: @kr-selected-color;
}
/* table排序小按钮样式自定义 */
.el-table .descending .sort-caret.descending{
    border-top-color:@kr-selected-color;
}
.el-table .ascending .sort-caret.ascending {
    border-bottom-color:@kr-selected-color;
}
//设置表格行鼠标悬停背景色
.el-table .el-table__body tr.hover-row > td{
    background-color:@kr-hover-row-bgcolor!important;
  }
.el-tablle--enable-row-hover .el-table__body tr:hover > td{
    background-color:@kr-hover-row-bgcolor!important;
  }
// 选人、组织、位置、设备组件表格悬浮背景色
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: @kr-hover-row-bgcolor!important;
}
//table可点击行样式
.el-table .el-table__body tr.clickedRowHover >td{
    cursor: pointer!important;
}
//table不可点击行样式
.el-table .el-table__body tr.noClickedRowHover >td{
    cursor: default!important;
}
//input+buttom按钮样式
.selectBtn {
    height: 32px;
    position: relative;
    border-radius: 1px 4px 4px 1px;
    padding: 0px 10px;
    text-align: center;
    margin-left: -3px;
    top: -1px;
  }
  .selectBtn:hover{
      color:@kr-text-color;
      background-color: @kr-white-color;
      border:1px solid @kr-text-color;
}
  .selectBtn:focus{
    color:@kr-text-color;
    background-color: @kr-white-color;
    border:1px solid @kr-elementUI-color;
}
.selectBtn.is-disabled,
.selectBtn.is-disabled:hover,
.selectBtn.is-disabled:focus{
    border:1px solid @kr-text-light-color;
    color: @kr-text-color;
    background-color:@kr-input-btn-disabled-bgcolor;
}
/* 组件自带input+button样式 */
.el-input-group__append,
.el-input-group__prepend{
    border-top:1px solid @kr-text-light-color;
    border-right:1px solid @kr-text-light-color;
    border-bottom:1px solid @kr-text-light-color;
    background-color:@kr-white-color;
    padding: 0 16px;
}
.el-input-group__append:focus,
.el-input-group__prepend:focus{
    color:@kr-text-color;
    background-color: @kr-white-color;
    border:1px solid @kr-elementUI-color;
}
.el-input-group__append:hover,
.el-input-group__prepend:hover {
    color:@kr-text-color;
    background-color: @kr-white-color;
    border:1px solid @kr-text-color;
}
.el-form-item__content >.is-disabled >.el-input-group__append,
.el-form-item__content >.is-disabled >.el-input-group__append:hover,
.el-form-item__content >.is-disabled >.el-input-group__append:focus,
.el-form-item__content >.is-disabled >.el-input-group__prepend,
.el-form-item__content >.is-disabled >.el-input-group__prepend:hover,
.el-form-item__content >.is-disabled >.el-input-group__prepend:focus
{
    cursor: not-allowed;
    background-image: none;
    border:1px solid @kr-text-light-color;
    border-left: 1px solid transparent;
    color: @kr-text-color;
    background-color:@kr-input-btn-disabled-bgcolor;
}
.el-form-item__content >.is-disabled >.el-input-group__append >button,
.el-form-item__content >.is-disabled >.el-input-group__append>button:hover,
.el-form-item__content >.is-disabled >.el-input-group__append>button:focus,
.el-form-item__content >.is-disabled >.el-input-group__prepend>button,
.el-form-item__content >.is-disabled >.el-input-group__prepend>button:hover,
.el-form-item__content >.is-disabled >.el-input-group__prepend>button:focus{
    color: #606266;
}
/* 按钮组的禁用按钮样式 */
.el-radio-button__orig-radio:disabled+.el-radio-button__inner{
    color: #bababa;
    cursor: not-allowed;
    background-image: none;
    background-color: #f8f8f8;
    border-color: #bababa;
    box-shadow: none;
    font-size: 14px;
}
.el-radio-button__orig-radio:checked + .el-radio-button__inner{
    font-size: 14px;
}
/* 警示框弹框样式 */
.el-message-box{
    border-radius:8px ;
    font-family:  Noto Sans SC;
    font-style: normal;
    font-weight: 400;
    .el-message-box__header {
        font-size: 18px;
        font-weight: 500;
        color: @kr-text-dark-color;
        background-color: @kr-white-color;
        border-radius: 8px;
      }
      .el-message-box__close {
        color: @kr-text-color;
        font-size: 19px;
      }
      .el-message-box__close:hover{
        color:@kr-selected-color;
      }
}
.el-message-box__status.el-icon-warning{
    color:@kr-main-yellow-color;
}
/* 警示框取消按钮样式 */
.el-message-box__btns button:first-child{
    background-color:@kr-table-head-color;
    height:32px;
}
.el-message-box__btns button:first-child:hover{
    //color: @kr-text-color;
    color:@kr-elementUI-color;
    border-color: @kr-elementUI-color;
    background-color:@kr-table-head-color;
}
.el-message-box__btns button:first-child:focus{
    color: @kr-text-color;
    border-color:  @kr-elementUI-color;
    background-color:@kr-table-head-color;
}
.iconfont{
    font-size: 18px;
}
.el-popover__reference{
    .iconfont{
        font-size: 18px!important;
    }
}
.el-button{
    .iconfont{
        font-size: 16px;
        padding-right: 4px;
    }
}
.no-data{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#a7a7a7
  }
